﻿
$(function () {
    var $container = $('#container');
    $container.imagesLoaded(function () {
        $container.masonry({
            itemSelector: '.box',
            columnWidth: 5 //每两列之间的间隙为5像素
        });
    });

    $container.infinitescroll({
        navSelector: '#page-nav',    // 选择的分页导航 
        nextSelector: '#page-nav a',  // 选择的下一个链接到（第2页）
        itemSelector: '.box',     // 选择检索所有项目
        loading: {
            finishedMsg: '没有更多的页面加载。',
            img: 'images/loading.gif'
        }
    }, function (newElements) {

        // 隐藏新的项目，而他们正在加载
        var $newElems = $(newElements).css({ opacity: 0 });

        // 确保的图像装载增加砖石布局
        $newElems.imagesLoaded(function () {

            // 元素展示准备
            $newElems.animate({ opacity: 1 });
            $container.masonry('appended', $newElems, true);

        });
    }
	);

    $('<a href="#" id="retop">返回顶部</a>').appendTo('body').fadeOut().click(function () {
        $(document).scrollTop(0);
        $(this).fadeOut();
        return false
    });
    var $retop = $('#retop');
    function backTopLeft() {
        var btLeft = $(window).width() / 2 + 478;
        if (btLeft <= 950) {
            $retop.css({ 'left': 955 })
        } else {
            $retop.css({ 'left': btLeft })
        }
    }
    backTopLeft();
    $(window).resize(backTopLeft);
    $(window).scroll(function () {
        if ($(document).scrollTop() === 0) {
            $retop.fadeOut()
        } else {
            $retop.fadeIn()
        }
        if ($.browser.msie && $.browser.version == 6.0 && $(document).scrollTop() !== 0) {
            $retop.css({ 'opacity': 1 })
        }
    });

});
